$(function () {
    let addIndex = null
    let updateIndex = null
    function initArtCate() {
        $.get('/my/article/cates', function (res) {
            if (res.status === 0) {
                const htmlStr = template('tmpl-tr', res)
                $('tbody').html(htmlStr)
            }
        })
    }
    initArtCate()

    $('#addclass').on('click', function () {
        addIndex = layer.open({
            type: 1,
            title: '添加文章分类',
            content: $('#tmpl-form-add').html(),
            area: ['500px', '250px']
        });

    })
    $('body').on('submit', '#form-add', function (e) {
        e.preventDefault()

        $.post('/my/article/addcates', $(this).serialize(), function (res) {
            layer.msg(res.message)
            if (res.status === 0) {
                //成功以后刷新列表数据
                initArtCate()
                //关闭弹出层
                layer.close(addIndex)
            }
        })
    })

    $('body').on('click', '.btnEdit', function () {
        updateIndex = layer.open({
            type: 1, // 层的类型
            title: '修改文章分类', // 标题
            area: ['500px', '250px'], // 宽高
            content: $('#tmpl-form-update').html()
        })
        const id = $(this).attr('data-id')
        console.log(id);
        $.get('/my/article/cates/' + id, function (res) {
            if (res.status === 0) {
                layui.form.val('form-edit', res.data)
            }
        })
    })
    $('body').on('submit', '#form-update', function (e) {
        e.preventDefault()

        $.post('/my/article/updatecate', $(this).serialize(), function (res) {
            if (res.status === 0) {
                initArtCate()

                layer.close(updateIndex)
            }
        })
    })
    $('body').on('click', '.deleteBtn', function () {
        const id = $(this).attr('data-id')
        layer.confirm('确认删除数据吗？', { icon: 3, title: '提示' }, function (index) {
            $.get('/my/article/deletecate/' + id, function (res) {
                if (res.status === 0) {
                    initArtCate()
                }
            })
            layer.close(index)
        })
    })
})